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

/* Pad body content so fixed navbars do not overlap body */
@media not print {
  body {
    padding-top: 50px;
    padding-bottom: 20px;
  }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: black;
}
.footer .text-muted {
  margin: 20px 0;
}

@media (min-width: 768px) {
  .col-affix {
    position: fixed;
  }
}

.camera button{
  margin-bottom: 20px;
}

.col-border-right{
  border-right: 1px solid #dedede;
}

.h-ul {
  border-bottom: 1px solid #dedede;
}

.keypad-text {
  margin: 0 0;
}

.main-content {
  padding: 15px 15px 0 15px;
}

.modal-sub-header{
  background-color: #ffffff;
}

.navbar-brand-image{
  margin-top: -12px;
}

.navbar-brand-image img{
  margin-right: 5px;
}

.navbar-extra{
  padding-top: 6px;
  padding-bottom: 6px;
}

.panel-body-affix {
  height: calc(100vh - 250px);
  height: -o-calc(100vh - 250px); /* opera */
  height: -webkit-calc(100vh - 250px); /* google, safari */
  height: -moz-calc(100vh - 250px); /* firefox */
}

/* Hide spinner buttons */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.spinner {
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 40px 0;
}
.spinner p {
  margin-top: 20px;
}

/* Helpers I added to insert space on the page */
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }

/* Helpers to size table columns */
.table .col-0 {
  width: 1%; }
.table .col-1 {
  width: 10%; }
.table .col-2 {
  width: 20%; }
.table .col-3 {
  width: 30%; }
.table .col-4 {
  width: 40%; }
.table tr td {
  vertical-align: middle; }
.table .v-mid {
  vertical-align: middle; }

.table-header {
  border-bottom: 3px solid black;
  border-top: 0 !important;
  font-size: 16px;
}

.sortables {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  vertical-align: middle; }
  .sortables span:first-child {
    position: absolute;
    top: 0; }
  .sortables span:last-child {
    position: absolute;
    bottom: 0; }
  .sortables span {
    color: lightgray;
    font-size: 18px; }
  .sortables span:hover {
    color: #002a80; }

/* Not using this anywhere currently */
.v-center {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

/* Make the span a tile */
.option-tile{
  margin: auto;
  display:inline-block;
  width: 128px;
  vertical-align: top;
}
.option-tile label{
  display:block;
}
.option-tile p{
  min-height: 40px;
}

.color-thumb{
  width:120px;
  /*width:78px;*/
  height:38px;
}

.style-thumb{
  /*margin: auto;*/
  /*width:67px;*/
  height:144px;
}

.glass-thumb{
  /*margin: auto;*/
  /*width:67px;*/
  height:144px;
}

.finish-thumb{
  border: 1px solid black;
  margin: 2px;
  width:20px;
  height:20px;
}

.material-thumb{
  width:200px;
  height:40px;
}

.no-hover{
  pointer-events: none;
}

/* Toastr overrides */

#toast-container > div {
  opacity: 1;
}