button .glyphicon,
.btn .glyphicon {
    color: #fff;
}

/* Sidebar navigation */

#myTab {
    border-radius: 10px;
}

.nav-sidebar {
    margin-right: -15px;
    border: 1px solid #dab679;
}

    .nav-sidebar > li > a {
        color: #343c48;
        padding-right: 20px;
        padding-left: 20px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 11px;
        color: #343c48;
    }

        .nav-sidebar > li > a:hover {
            color: #fefefe;
            background-color: #dab679;
        }

    .nav-sidebar > .active > a,
    .nav-sidebar > .active > a:hover,
    .nav-sidebar > .active > a:focus {
        color: #fefefe;
        background-color: #dab679;
    }

/* The "list" of blocks on the right side, one block (li) representing a configuration value */

.cfg-values {
    padding-left: 0px;
    padding-bottom: 1px;
    margin-left: 0;
    list-style: none;
    margin-bottom: 20px;
    overflow: hidden;
}

    .cfg-values > li {
        float: left;
        padding: 10px;
        height: 185px;
        border: 1px solid #dab679;
        line-height: 1.25;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 -1px -1px 0;
        cursor: pointer;
        display: block;
    }

        .cfg-values > li:hover {
            font-weight: bold;
        }

    .cfg-values .disabled {
        background-color: #f8f8f8;
    }

    .cfg-values .active {
        font-weight: bold;
        border: 4px solid #dab679;
    }

@media all and (min-width: 768px) {
    .cfg-values > li {
        width: 33.33333%;
    }

        .cfg-values > li:nth-of-type(3n+1) {
            clear: both;
        }
}

/* Classes for the content of these "blocks" */

.value-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 80%;
}

.value-description {
    height: 35px;
    overflow: auto;
}

.value-description-content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.value-icon {
    width: 13px;
    height: 13px
}

@media all and (max-width: 767px) {
    .cfg-values > li {
        width: 50%;
    }

        .cfg-values > li:nth-of-type(2n+1) {
            clear: both;
        }

    .nav-sidebar {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

/* Box underneath the pictures at the left, containing reference and price */

.detail-box {
    margin-bottom: 10px;
    padding: 10px 10px 10px 0;
    background-color: #fefefe;
}

.detail-box h3 {
    font-family: 'Lato';
    letter-spacing: 1px;
    text-transform: none;
    font-style: normal;
}

/* Print & email button */

#pm-buttons {
    margin: 5px 0 10px 0;
    width: 100%;
}

    #pm-buttons .btn {
        width: 50%;
    }

/* Used for "available ring sizes" text */

.help-inline {
    display: block;
    margin-bottom: 5px;
    font-style: italic;
}


@media print {
    .cfg-panel {
        display: none;
    }

    .ring-panel {
        page-break-after: always;
    }
}

/* Properties table below the page */

.table-summary th,
td {
    width: 50%;
}