table {
  border: none;
  border-collapse: collapse;
  margin: 0 0 30px 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
table tr {
  border-bottom: 1px solid #ccc;
  background: #f8f8f8;
  padding: .35em;
}
table th,
table td {
  padding: .625em;
  text-align: center;
  border-right: solid 1px #ececec;
}

table th:last-child,
table td:last-child {
  border-right:none;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background-color:#002d62;
  color:#fff;
}


tr.reserved {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #fff;
}


@media screen and (max-width: 600px) {
  table {
    border: 0;
  }
  table caption {
    font-size: 1.3em;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  table td:last-child {
    border-bottom: 0;
  }
  
table th,
table td {
  border-right: none;
}
  
}



/* MODALS */

.modal-body h3 {
  font-size: 18px;
}

h4.modal-title {
  font-size: 24px;
}


.carousel-inner > .item > img {
    margin: 0 auto;
}


/* SPECIFIC RESP */


/* Custom Mini (up to 500px) */
@media (max-width: 500px) {
    
}



/* XS (less than 768px) */
@media (max-width: 767px) {

}

/* Small (768px and up (to 991px)) */
@media (min-width: 768px) {
  
    div.devSideBarWrapper {
         max-width:none;
     }
         
}


/* Medium (992px and up (to 1199px)) */
@media (min-width: 992px) {
  
    div.devSideBarWrapper {
         max-width:350px;
    }
     
    table td[data-label="Size"], table th.Size {
         display:none;
    }
         
}

/* Large (1200px and up) */
@media (min-width: 1200px) {

    table td[data-label="Size"], table th.Size {
         display:table-cell;
    }

}