@import "bootstrap/variables";
@import "bootstrap/mixins";

.attribute-listing{ 
    .imageBox {
        height: 225px;
        overflow: hidden;
        text-align: center;
        img {
            max-height: 220px;
            margin: 0 auto;
        }
    }
    .subHead {
        color: $dark;
    }
    .deatils {
        padding: 4px 0px 0px;
        line-height: 19px;
        color: #3b3b3b;
        min-height: 45px;
        strike {
            color: lighten($dark,68%);
            margin: 3px 0;
            display: inline-block;
        }
        span {
            color: $brand-primary;
            font-weight: 600;
        }
    }
    td {
        color: lighten($dark,55%);
        font-size: 13px;
        border-collapse: collapse;
        background: $light;
        font-weight: $font-weight-semibold;
        padding: 10px 7px 15px;
        @include box-shadow(-3px 0 5px 0 rgba(50,50,50,0.1));
    }
}
.imageTableRow{
    td:first-child {
        box-shadow: none;
    }
}
.fixedtr {
    @include box-shadow(0px 7px 7px rgba(50,50,50,0.25));
    z-index: 1000;
    position: fixed;
    top: 0;
    width: 94%;
    td{
        width:20%;
    }
    .imageBox{
        display:none;
    }
}