@import './../../../style/variables.css';

@component PRTSView {

    height: 100%;
    background-color: white;

    @descendent componentsContainer{
        padding: 15px;

        & .manage-review-top {
            display: block;
            lost-column: 2/3;
            padding: 15px;
            @apply --w-table-component;
            color: var(--gray);
            font-size: 12px;
            margin-bottom: 15px;
            & .add-review {
                & input {
                    width:calc(100% - 75px);
                    float: left;
                    margin-bottom: 15px;
                }
                & button {
                    width: 70px;
                    float: right;
                    @apply --w-button;
                }
            }
            & .search-title {
                width: 100%;
                margin: 0;
                & span.glyphicon-search {
                    @apply --w-inbox-search;
                }
            }
        }

        & .manage-skus-top {
            display: block;
            lost-column: 1/3;
            padding: 15px;
            @apply --w-table-component;
            color: var(--gray);
            font-size: 12px;
            margin-bottom: 15px;
            & .add-sku {
                & input {
                    width:calc(100% - 75px);
                    float: left;
                    margin-bottom: 15px;
                }
                & button {
                    width: 70px;
                    float: right;
                    @apply --w-button;
                }
            }
            & .search-sku {
                width: 100%;
                margin: 0;
                & span.glyphicon-search {
                    @apply --w-inbox-search;
                }
            }
        }
    }
}