﻿@import "../../bootstrap-3.3.5/variables.less";
@import "../Common.less";

.Shopping-Evaluation {
    .tabs {
        position: fixed;
        top: 50px;
        width: 100%;
        z-index: @zindex-modal - 50;

        ul {
            border-bottom: 1px solid @gray-light;
            background-color: @bg-color;
            opacity: 0.9;

            li {
                width: 50%;
                float: left;
                text-align: center;
                height: 40px;
                padding-top: 10px;

                &.active {
                    border-bottom: 2px solid @brand-primary;
                }
            }
        }
    }

    .page-content {
        padding-top: @header-height + 60px;

        .products {
            .item {
                .image {
                    width: 80px;
                    height: 80px;
                }

                .name {
                    margin-left: 100px;
                    min-height: 60px;
                }

                a {
                    position: relative;
                    bottom: 8px;
                    border: 1px solid @brand-primary;
                    padding: 4px 12px 4px 12px;
                    border-radius: 4px;
                    color: @brand-primary;
                }

                label {
                    position: relative;
                    bottom: 4px;
                }
            }

            hr {
                margin-top: 4px;
                margin-bottom: 14px;
            }
        }
    }

    .norecords {


        .icon {


            i {
                top: 24px;
            }
        }
    }
}
