body {
  padding-top: 80px;
}

.starter-template {
  padding: 40px 15px;
  text-align: center;
}

th.level-1 {
    font-size: 140%;
}

th.level-2 {
    font-size: 120%;
}

.toolbar {
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 8px;
}

.toolbar .form-group, .checkbox {
    margin: 8px;
    margin-left: 0px;
    margin-right: 16px;
}

.archived {
    color: #ccc;
}

table td.expand {
    width: 99%;
}

table td,th {
    white-space: nowrap;
}

.jumbotron p.jumbotron-text {
    margin-top: 32px;
    margin-bottom: 48px;
}


table h2 {
    margin-top: 8px;
}

table h3 {
    margin-top: 8px;
}

.view-options {
    background: #eee;
    padding: 16px;
    border-radius: 4px;
}

.object-title {
    margin-bottom: 32px;
}

.product-image {
    max-width: 600px;
}

.table > thead > tr > th {
    border-bottom: none;
}

.prices-table {
    table-layout: fixed;
}

.stock-table {
    table-layout: fixed;
}

.multi-table-header {
    text-align: center;
}

.prices-column {
    text-align: right;
    width: 8em;
}

.gray-column {
    background-color: #ddd;
}

.description-column {
    overflow: hidden;
    text-overflow: ellipsis;
}

.actions-column {
    width: 8em;
}

.quantity-column {
    text-align: center;
    width: 3em;
}

.code-column {
    width: 8em;
}

.stock-summary {
    background: #eee;
    padding: 4px 16px 16px 16px;
}

/* this is used to have the links to fragments be a bit below so that the toolbar doesn't hide them */
a.anchor {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}


/* make sure the images thumbnails are always 150 px in height even before the image is loaded */
img.image-thumbnail {
    height: 150px;
}

.navbar-right {
    margin-right: 5px;
}

input[type="date"].form-control {
    line-height: 20px;
}

/* used to keep the toolbars visible after scrolling */
.view-settings {
    margin-top: 20px;
    position: sticky;
    top: 150px;
}

/* make the background of the toolbar white so that we don't see through it when we have sticky positioning */
.toolbar-container {
    background: white;
    z-index: 1;
    position: sticky;
    top: 50px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
}

.image-column {
    width: 160px;
}

.dimensions {
    font-size: 80%;
    color: #888;
}