﻿.product-details label {
    font-weight: 700;
}

.mr-40 {
    margin-right: 40px;
}

.btn-select:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}

.btn-savecustm {
    color: #000;
    background: #fff;
    border-color: #000;
    padding: 12px 56px;
}

    .btn-savecustm:hover {
        color: #fff;
        background: #000;
        border-color: #000;
    }

.price-details {
    font-size: 17px;
    font-weight: 700;
}


.frame, .mat, .glazing, .mirror, .printing, .backboard, .springclips, .cornerbrace, .wallhanger, .standsupport {
    border: 1px solid;
    text-align: center;
    margin: 8px 0px;
}

.frame-img, .mat-img, .glazing-img, .mirror-img, .printing-img, .backboard-img, .springclips-img, .cornerbrace-img, .wallhanger-img, .standsupport-img {
    padding: 9px;
    width: 100%;
}

.frame-name {
    font-size: 10px;
}

.frame:hover, .mat:hover, .glazing:hover, .mirror:hover, .printing:hover, .backboard:hover, .springclips:hover, .cornerbrace:hover, .wallhanger:hover, .standsupport:hover {
    background: #41404080;
}

.btn-update {
    margin-top: 0px;
    padding: 12px 24px;
    color: #fff;
    background-color: #000;
}

    .btn-update:hover {
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
    }

.labl {
    display: block;
    margin-bottom: 0px;
    font-weight: 100;
}

    .labl > input {
        visibility: hidden;
        position: absolute;
    }

        .labl > input + div {
            cursor: pointer;
            border: 2px solid transparent;
        }

.labl > input:checked + div, .mat .labl > input:checked + div {
    background-color: #41404080;
    border: 1px solid #000;
}

.frame-name, .mat-name, .glazing-name, .mirror-name, .printing-name, .backboard-name, .springclips-name, .cornerbrace-name, .wallhanger-name, .standsupport-name {
    visibility: hidden;
    width: 100%;
    font-size:9px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    left: -10px;
    z-index: 1;
}

.frame:hover .frame-name, .mat:hover .mat-name, .glazing:hover .glazing-name, .mirror:hover .mirror-name, .printing:hover .printing-name, .backboard:hover .backboard-name, .springclips:hover .springclips-name, .cornerbrace:hover .cornerbrace-name, .wallhanger:hover .wallhanger-name, .standsupport:hover .standsupport-name {
    visibility: visible;
}

.nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    display: -webkit-box;
    display: -moz-box;
}

    .nav-tabs > li {
        float: none;
    }

#mat2, #mat3 {
    display: none;
}

#thirdmat {
    display: none;
}

.pricetable {
    border: 2px solid #000;
    margin: 90px 0px;
    padding: 28px;
    background-color: #f6f2f1;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #41404080;
    text-align: left;
    padding: 10px;
}

tr:nth-child(even) {
    background-color: #fff;
}

.detailinfo .single-product-image {
    background-color: #f6f2f1;
}

.product-detles span {
    color: #fff;
    margin-left: 20px;
    font-size: 18px;
}

.product-detles label {
    font-size: 18px;
}

.btn-info {
    border: 1px solid;
    font-size: 11px;
    padding: 4px 9px;
    margin-left: 10px;
    color: #fff;
    background: #000;
}

    .btn-info:hover, .btn-info:active:hover, .btn-info:active:focus {
        background-color: #fff;
        color: #000;
        border: 1px solid #000;
    }

.mt-frame {
    margin-top: 20px;
}

@media (max-width:468px) {
    .btn-update {
        margin-top: 44px;
        margin-right:10px;
    }

    .pro-select {
        font-size: 12px;
    }

    .product-page .c {
        padding: 7px 13px;
    }

    .btn-lg {
        font-size: 11px;
    }

    .single-product-tabs li a {
        font-size: 15px;
    }

    /*.mt-frame {
        margin-top: 63px;
    }*/
}
